<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>将方块放入闪烁区</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <style>
        body,html{
            height:100%;
            width: 100%;
        }
        .box{
            width: 300px;
            height: 300px;
            border: 3px solid blueviolet;
            margin: 40px;
        }
        #block {
            width:93px;
            height:62px;
            position: absolute;
            left: 47px;
            top: 66px;
            background-image: url("btn.jpg");
        }
        .tip{
            width:93px;
            height:62px;
            border: 2px solid blueviolet;
            margin: 100px 30px;
            animation:neon1 1s linear infinite alternate;
            -webkit-animation:neon1 1s linear infinite alternate;
        }

        @-webkit-keyframes neon1 {
            from {
                box-shadow: 0 0 1px #fff,
                0 0 2px  #fff,
                0 0 3px  #fff,
                0 0 4px  #FF1177,
                0 0 7px  #FF1177,
                0 0 8px  #FF1177,
                0 0 10px #FF1177,
                0 0 15px #FF1177;
            }
            to {
                box-shadow: 0 0 5px #fff,
                0 0 1px #fff,
                0 0 15px #fff,
                0 0 2px #FF1177,
                0 0 35px #FF1177,
                0 0 4px #FF1177,
                0 0 5px #FF1177,
                0 0 75px #FF1177;
            }
        }


        #im{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top:0;
            background-color: #333333;
            opacity:.5;
            z-index: 44;
            display: none;
        }


    </style>
</head>
<body>
<div>
    touchstart,touchmove,
    touchend,touchcancel
</div>
<div class="box">
    <div class="tip"></div>
</div>
<svg
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="107px" height="143px">
    <image  x="0px" y="0px" width="107px" height="143px"  xlink:href="data:img/png;base64,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" />
</svg>
<div id="block"></div>
<div id="im">
    <img src="btn.jpg">
</div>
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
<script>
    // 获取节点
    var block = document.getElementById("block");
    var im = document.getElementById("im");
    var oW,oH;
    // 绑定touchstart事件
    block.addEventListener("touchstart", function(e) {

        var touches = e.touches[0];
        oW = touches.clientX - block.offsetLeft;
        oH = touches.clientY - block.offsetTop;
        //阻止页面的滑动默认事件
        document.addEventListener("touchmove",defaultEvent,false);
    },false);

    block.addEventListener("touchmove", function(e) {
        var touches = e.touches[0];
        var oLeft = touches.clientX - oW;
        var oTop = touches.clientY - oH;

       /* if(oLeft < 0) {
            oLeft = 0;
        }else if(oLeft > document.documentElement.clientWidth - block.offsetWidth) {
            oLeft = (document.documentElement.clientWidth - block.offsetWidth);
        }*/

        if(oLeft < 49){
            oLeft=49;
        }else if(oLeft >259){
            oLeft =259;
        }


        if(oTop <66){
            oTop =66
        }else if(oTop >308) {
            oTop =308
        }

        //left: 82px;
        //top: 171px;
        //&&  ||
        if(171<=oTop && oTop<=174 && 82<=oLeft && oLeft<=84){
            block.style.display = 'none';
            im.style.display = 'block';
        }
        block.style.left = oLeft + "px";
        block.style.top = oTop + "px";
    });

    block.addEventListener("touchend",function() {
        document.removeEventListener("touchmove",defaultEvent,false);
    },false);

    //取消事件的默认动作。
    function defaultEvent(e) {
        e.preventDefault();
    }



//    $(window).load(function () {
//        //异步延迟加载样式
//        var link = $('<link />');
//        link.attr('href', 'style.css');
//        link.attr('rel', 'stylesheet');
//        link.appendTo($('head'));
//        link.load(function () {
//            console.info('加载成功...');
//        });
//    });
</script>
</body>
</html>